<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>无框架的权限管理界面</title>

    <script type="text/javascript">
        _r = {};
        /*页面片段的初始化方法*/
        function myInit(args) {
            // 载入用户列表
            loadUsers();
            // 载入角色列表
            loadRoles();
            // 载入权限列表
            loadPermissions();
            // 默认显示用户列表的Tab
            $("#_user_role").click();
        }

        /*新增一个权限*/
        function permission_add() {
            var permission_name = prompt("请输入新角色的名词,仅限英文字母/冒号/米号,长度3到30个字符");
            var re = /[a-zA-Z\:\*]{3,10}/;
            if (permission_name && re.exec(permission_name)) {
                $.ajax({
                    url: home_base + "/admin/authority/permission/add",
                    type: "POST",
                    data: JSON.stringify({name: permission_name}),
                    success: function () {
                        loadPermissions();
                    }
                });
            }
        }
    </script>
</head>
<body>
<div class="row">
    <!-- 下面的ul是3个Table -->
    <ul class="md-tab-group">
        <li>
            <div class="ripple-button" id="_user_role" onclick="showTab('user_role')">用户权限一览</div>
        </li>
        <li>
            <div class="ripple-button" id="_roles" onclick="showTab('roles')">角色一览</div>
        </li>
        <li>
            <div class="ripple-button" id="_permissions" onclick="showTab('permissions')">权限一览</div>
        </li>
        <div class="tab-bottom"></div>
    </ul>
</div>
</body>
</html>
